<!DOCTYPE html>
<html lang="en">
<head>
    <title>MyPetStore</title>
<!--    <link rel="StyleSheet" href="css/jpetstore.css" type="text/css" media="screen"/>-->

</head>
<style>
    #Content1 {
        width: 500px;
        height: 500px;
        background-color: #ffffff;
        margin-top: 50px;
        margin-left: 35%;
        position: relative;
    }

    #h2_1 {
        text-align: center;
    }
    #div1 {
        display: inline-block;
        position: absolute;
        height: 100px;
        width: 100px;
        background-image: url("../image/09-Hornbill.png");
        background-size: 100%;
        margin-left: 180px;
        margin-top: 30px;
    }

    #div2 {
        display: inline-block;
        position: absolute;
        height: 200px;
        width: 200px;
        background-image: url("../image/ppeett.png");
        background-size: 100%;
    }
    #aa {
        position: absolute;
        display: block;
        width: 300px;
        height: 70px;
        border: #666666 solid 3px;
        margin-top: 130px;
        margin-left: 100px;
        z-index: 1;
    }
    #back{
        position: absolute;
        display: block;
        width: 300px;
        border: #666666 solid 3px;
        top: 270px;
        left: 100px;
        z-index: 1;
    }

    #spp {
        display: inline-block;
        margin-top: 410px;
        margin-left: 130px;
        margin-right: 20px;
        width: 300px;
        height: 50px;
    }

    #enter {
        width: 100%;
        height: 100%;
        z-index: 0.5;
    }
    #backk{
        width: 100%;
        height: 100%;
        z-index: 0.5;
    }
    body {
        margin: 0ex 10ex 0ex 10ex;
        padding: 0ex;
        font-family: helvetica, tahoma, arial, verdana, sans-serif;
        font-size: 2ex;
        color: #333;
        background-color: #444;
        background-image: url("../image/bgc.png");
        background-size: 100%;
        background-repeat: no-repeat;
    }
    h1 {
        margin: 1ex 0ex 1ex 0ex;
        padding: 0ex;

        line-height: 3ex;
        font-weight: 900;
        color: #666;
    }
</style>
<body>
<div id="Content1">
    <h1 id="h2_1">Welcome to MyPetStore</h1>
    <div id="div1"></div>
    <a id="aa" href="/catalog/main"><img id="enter" src="image/enter.jpg" alt=""/></a>
    <div id="div3"></div>
    <a class="div4" id="back" href="/manage/code"><img id="backk" src="image/ENTERTHEBACK.png" alt=""/></a>
    <div id="div2" style="top: 40ex;left: 20ex"></div>
    <span id="spp"> Copyright Central South University </span>
</div>
</body>
</html>